<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>课程信息</title>
    <style type="text/css">
        #a1{width: 50%;height: 90px;float: left;}
        #a3{width: 40%;height: 50px;float: left;text-align: right;}
        #a2{width: 50%;height: 40px;float: left;text-align: left; margin-bottom: 10px;}
        #t1{width: 100%;height: 500px;}
        #tab1{width: 60%;text-align: center;border-collapse: collapse; border: 1px solid #6495ED;}
        th{border: 1px solid #6495ED; width: 230px;height: 40px;background-color: #6495ED; color: white;}
        td{border: 1px solid #000000; height: 30px;}
        tr:hover{background-color: #999999;height: 32px;}
        #td{border: 3px solid #000000;width: 60px;height: 40px;background-color: #6495ED;}
        select{height: 40px;border: 2px solid #6495ED;border-radius: 3px 3px 3px 3px;
        margin-right: 60px;margin-left: 20px;
        }
    </style>
</head>
<body>
    <div id="a1">
        <h2>~~问诊信息~~</h2>
    </div>
    <div id="a3">
        
    </div>
    <div id="a2">
        <select name="">
            <option value="">小猪佩奇</option>
            <option value ="">奥特曼</option>
            <option value ="">猪猪侠</option>
        </select>
    </div>
    <div id="t1">
        <table border="0" cellspacing="0" cellpadding="0" id="tab1">
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>问诊专家</th>
                <th>问诊时间</th>
            </tr>
            <tr>
                <td>01</td>
                <td>猪猪侠</td>
                <td>奥特之母</td>
                <td>2985-12-23</td>
            </tr>
        </table>
    </div>
</body>
</html>